<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
      

<h:head>
		<title>Central de Estagio Vagas</title>
		<link rel="StyleSheet" type="text/css" href="css/estilo.css" media="screen" />
</h:head> 
<body> 
<h:form>
    	
        <p:panelGrid columns="3" style="width:790px" styleClass="semBorda">  
        <f:facet name="VAGAS"/> 
            <p:column>  
                <p:panel header="Programador JAVA" style="text-align:center">  
                    <h:panelGrid style="width:100%"> 
                    <p:graphicImage url="imagens/user.jpg" />
                    <p:row> 
                    <div align="right">
                    <p:column>
               		<p:commandButton icon="ui-icon-person" title="Visualizar Curriculos" />
               		<p:commandButton icon="ui-icon-circle-zoomin" title="Visualizar Dados da Vaga"/>
               		<p:commandButton icon="ui-icon-circle-minus" title="Cancelar Vaga"/>
               		</p:column>
               		</div>
               		</p:row>
               		</h:panelGrid>  
                </p:panel>  
                <p:draggable revert="true" handle=".ui-panel-titlebar" stack=".ui-panel"/>  
            </p:column>  
            <p:column>  
                <p:panel header="Suporte Técnico" style="text-align:center">  
                    <h:panelGrid style="width:100%"> 
                    <p:graphicImage url="imagens/user.jpg" />
                    <p:row> 
                    <div align="right">
                    <p:column>
               		<p:commandButton icon="ui-icon-person" title="Visualizar Curriculos" />
               		<p:commandButton icon="ui-icon-circle-zoomin" title="Visualizar Dados da Vaga"/>
               		<p:commandButton icon="ui-icon-circle-minus" title="Cancelar Vaga"/>
               		</p:column>
               		</div>
               		</p:row>
               		</h:panelGrid>  
                </p:panel>  
                <p:draggable revert="true" handle=".ui-panel-titlebar" stack=".ui-panel"/>  
            </p:column>  
            <p:column>  
                <p:panel header="Gerente de Projetos" style="text-align:center">  
                    <h:panelGrid style="width:100%"> 
                    <p:graphicImage url="imagens/user.jpg" />
                    <p:row> 
                    <div align="right">
                    <p:column>
               		<p:commandButton icon="ui-icon-person" title="Visualizar Curriculos" />
               		<p:commandButton icon="ui-icon-circle-zoomin" title="Visualizar Dados da Vaga"/>
               		<p:commandButton icon="ui-icon-circle-minus" title="Cancelar Vaga"/>
               		</p:column>
               		</div>
               		</p:row>
               		</h:panelGrid>  
                </p:panel>  
                <p:draggable revert="true" handle=".ui-panel-titlebar" stack=".ui-panel"/>  
            </p:column>  
            <p:column>  
                <p:panel header="Programador Delphi" style="text-align:center">  
                    <h:panelGrid style="width:100%"> 
                    <p:graphicImage url="imagens/user.jpg" />
                    <p:row> 
                    <div align="right">
                    <p:column>
               		<p:commandButton icon="ui-icon-person" title="Visualizar Curriculos" />
               		<p:commandButton icon="ui-icon-circle-zoomin" title="Visualizar Dados da Vaga"/>
               		<p:commandButton icon="ui-icon-circle-minus" title="Cancelar Vaga"/>
               		</p:column>
               		</div>
               		</p:row>
               		</h:panelGrid>  
                </p:panel>  
                <p:draggable revert="true" handle=".ui-panel-titlebar" stack=".ui-panel"/>  
            </p:column>  
            <p:column>  
                <p:panel header="DBA" style="text-align:center">  
                    <h:panelGrid style="width:100%"> 
                    <p:graphicImage url="imagens/user.jpg" />
                    <p:row> 
                    <div align="right">
                    <p:column>
               		<p:commandButton icon="ui-icon-person" title="Visualizar Curriculos" />
               		<p:commandButton icon="ui-icon-circle-zoomin" title="Visualizar Dados da Vaga"/>
               		<p:commandButton icon="ui-icon-circle-minus" title="Cancelar Vaga"/>
               		</p:column>
               		</div>
               		</p:row>
               		</h:panelGrid>  
                </p:panel>  
                <p:draggable revert="true" handle=".ui-panel-titlebar" stack=".ui-panel"/>  
            </p:column>  
            <p:column>  
                <p:panel header="Analista de Sistemas" style="text-align:center">  
                    <h:panelGrid style="width:100%"> 
                    <p:graphicImage url="imagens/user.jpg" />
                    <p:row> 
                    <div align="right">
                    <p:column>
               		<p:commandButton icon="ui-icon-person" title="Visualizar Curriculos" />
               		<p:commandButton icon="ui-icon-circle-zoomin" title="Visualizar Dados da Vaga"/>
               		<p:commandButton icon="ui-icon-circle-minus" title="Cancelar Vaga"/>
               		</p:column>
               		</div>
               		</p:row>
               		</h:panelGrid>  
                </p:panel>  
                <p:draggable revert="true" handle=".ui-panel-titlebar" stack=".ui-panel"/>  
            </p:column>  
                    </p:panelGrid> 
        
</h:form>

</body> 
</html>
